<!-- 资料链接部分 start -->
<section class="site-info-links wrapper">
    <ul class="info-links-list">
        <li class="info-links-item">
            <a href="#">
                <i class="icon-back"></i>
                <h3 class="links-title">Money Back Guarantee</h3>
                <!-- <img src="__PUBLIC__/img/index/icon/info1.png" alt="Money Back Guarantee"> -->
            </a>
        </li>
        <li class="info-links-item">
            <a href="#">
                <i class="icon-support"></i>
                <h3 class="links-title">Online Support 24/7</h3>
                <!-- <img src="__PUBLIC__/img/index/icon/info2.png" alt="Online Support 24/7"> -->
            </a>
        </li>
        <li class="info-links-item">
            <a href="#">
                <i class="icon-shipping"></i>
                <h3 class="links-title">Fast Shipping</h3>
                <!-- <img src="__PUBLIC__/img/index/icon/info3.png" alt="Fast Shipping"> -->
            </a>
        </li>
        <li class="info-links-item">
            <a href="#">
                <i class="icon-quality"></i>
                <h3 class="links-title">Product Quality Guarantee</h3>
                <!-- <img src="__PUBLIC__/img/index/icon/info4.png" alt="Product Quality Guarantee"> -->
            </a>
        </li>
    </ul>
</section>
<!-- 资料链接部分 start -->
<!-- 公共部分网站的底部 start -->
<footer class="site-footer">
    <!-- 网站底部三大功能区 start -->
    <section class="site-footer-links wrapper">
        <div class="footer-links-box">
            <dl class="footer-dl footer-links-Catalog">
                <dt class="footer-dt">
                    <h3 class="dt-title">Catalog</h3>
                </dt>
                <dd class="footer-dd">
                    <a href="#">Cardigans</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Jumpsuits</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Nightwear</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Lingerie</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Maternity</a>
                </dd>
            </dl>
        </div>
        <div class="footer-links-box">
            <dl class="footer-dl footer-links-about">
                <dt class="footer-dt">
                    <h3 class="dt-title">About</h3>
                </dt>
                <dd class="footer-dd">
                    <a href="#">About Us</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">History</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Careers</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Track order</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Contact us</a>
                </dd>
            </dl>
        </div>
        <div class="footer-links-box">
            <dl class="footer-dl footer-links-help">
                <dt class="footer-dt">
                    <h3 class="dt-title">Help</h3>
                </dt>
                <dd class="footer-dd">
                    <a href="#">Delivery</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Payment</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">FAQ</a>
                </dd>
                <dd class="footer-dd">
                    <a href="#">Shipping info</a>
                </dd>
            </dl>
        </div>
        <div class="footer-links-box last">
            <dl class="footer-dl footer-links-contacts">
                <dt class="footer-dt">
                    <h3 class="dt-title">Contacts</h3>
                </dt>
                <dd class="footer-dd phone">
                    <a href="#">1-800-277-7766</a>
                </dd>
                <dd class="footer-dd contact">
                    <a href="#">china zhejiang province</a>
                </dd>
                <dd class="footer-dd address">
                    <a href="#">ningbo city</a>
                </dd>
            </dl>
        </div>
        <div class="footer-links-logo">
            <a href="#">
                <img src="__PUBLIC__/img/public/footer_color.png" alt="logo">
            </a>
        </div>
    </section>
    <section class="site-footer-copyright">
        <div class="wrapper">
            <div class="copyright">
                <img src="__PUBLIC__/img/public/icon_copyright.png" alt="备案logo">
                <p>备案信息: 2018 Monica UI Kit.All rights reserved</p>
            </div>
            <div class="getnews">
                <a class="footer-weibo" href="#"></a>
                <a class="footer-weixin" href="#"></a>
            </div>
        </div>
    </section>
    <!-- 网站底部三大功能区 end -->    
</footer>
<!-- 公共部分网站的底部 end -->
<!-- mask 遮罩层 start -->
<div class="mask" id="mask"></div>
<!-- mask 遮罩层 end -->

<!-- 登陆框 start -->
<section class="site-login-wrapper" id="login_wrapper">
    <i class="icon-close" id="login_close"></i>
    <h2>Sign In</h2>
    <!-- 登录表单 start -->
    <form action="#">
        <div class="login-input-box">
            <label for="username">Username</label>
            <input type="text" id="username" name="username" placeholder="username" required autofocus>
        </div>
        <div class="login-input-box">
            <label for="password">Password</label>
            <input type="password" id="password" name="password" placeholder="password" required>
            <a href="#">Forget Password?</a>
        </div>
        <div class="login-input-box radio-box">
            <input type="checkbox" name="remember" id="remember">
            <label for="remember">Remember Me</label>
        </div>
        <button class="login-btn">Sign In</button>
    </form>
    <p>
        <a href="{:U('Register')}">Register</a>
    </p>
    <!-- 登录表单 end -->
</section>
<!-- 登陆框 end -->
